<template>
  <div class="bg-white">
    <div class="text-center">
      <div class="p2">我的余额</div>
      <div class="text-18px flex items-center justify-center p4">
        <div>￥</div>
        <div class="font-bold text-48px">1.23</div>
      </div>
    </div>
    <div class="grid grid-cols-3 m-b-1px gap-1 bg-white p1 text-gray-5">
      <div class="text-center">
        <div class="m2 text-12px text-gray">今日收益</div>
        <div class="font-bold">12.34</div>
      </div>
      <div class="text-center">
        <div class="m2 text-12px text-gray">最近收益</div>
        <div class="font-bold">23.23</div>
      </div>
      <div class="text-center">
        <div class="m2 text-12px text-gray">总收益</div>
        <div class="font-bold">212.31</div>
      </div>
    </div>
    <div class="text-center p4">
      <van-button class="w-50%" type="primary" :color="buttonColor" size="small">{{ buttonText }}</van-button>
    </div>
  </div>
</template>
<script>
export default {
  name: 'DkAppFundContent',
  props: {
    buttonText: {
      type: String,
      default: '提现'
    },
    buttonAmount: {
      type: Number,
      default: 1
    },
    buttonColor: {
      type: String,
      default: '#FE2C55'
    }
  },
  data() {
    return {}
  }
}
</script>

<style scoped></style>
